.fui-icon
  width: 1rem
  height: 1rem
  fill: $icon-default
  transition: fill .2s

@mixin fui-icon-mixin($type, $color)
  .fui-icon-#{$type}
    fill: $color

@include fui-icon-mixin(danger, $brand-danger)
@include fui-icon-mixin(primary, $brand-primary)
@include fui-icon-mixin(warning, $brand-warning)
@include fui-icon-mixin(success, $brand-success)
@include fui-icon-mixin(info, $brand-info)
@include fui-icon-mixin(default, $icon-default)
@include fui-icon-mixin(secondary, $icon-secondary)
@include fui-icon-mixin(mute, $icon-mute)
@include fui-icon-mixin(disabled, $icon-disabled)
@include fui-icon-mixin(reverse, $icon-reverse)
